import React, { Component } from 'react';
import { Link } from 'react-router';
import { Svg,Empty } from "src/components/common";
import {mFetch} from 'min-bridge';
import classnames from 'classnames';
import Pcolumn from './column';

import './Publicity.scss';
// const svgUrl = require('./images/icon.svg');
class Publicity extends Component {
	constructor(props) {
			super(props);
			this.state = {
					data: {},
					initFlag:false
			}
	}
	componentDidMount() {
			this.fetchData();
	}
	fetchData() {
			// 提交请求
		let columnItem = Pcolumn.filter(v=>v.linkName === this.props.params.category);
		let inquireType = columnItem.length&&columnItem[0].inquireType || 4;

		const data = {
			//查询类型：1=银行信用,2=政府牌照,3=智能科技,4=八重保障
			method: "other.detail",
			bizContent: {
			inquireType
			}
		};
		mFetch.fetchJson({
			data,
			success: res => {
				if(!this.state.initFlag){
					this.setState({initFlag:true});
				};
				if (res.code == "0000") {
					this.setState({
							data: res.data
					});

				} else {
					StaticToast.error(res.message);
				}
			}
		});
}
	render() {
		const { category } = this.props.params;
		const { data ,initFlag} = this.state;
		if(!initFlag){
			return  <Empty type="loading"/>;
		};
		return (
		<section className="publicity-content">
			<div className={classnames("publicity-center",{[`${category||"company"}`]:true})}>
			{
				data.detail ? <div className="h-detail" dangerouslySetInnerHTML={{__html: data.detail}}/> : <Empty/>
			}
			</div>
		</section>
		);
	}
}
/*//八重保障
const Security =props=>(
	<div className="content">
		<p className="banners"><img src="http://oupteb82y.bkt.clouddn.com/images/other/security_01.png" alt="八重保障"/></p>
		<ul className="p-list">
			<li className="ds-box">
				<p className="breviary"><img src="http://oupteb82y.bkt.clouddn.com/images/other/security_02.svg" width="80" height="80" alt="持牌经营"/></p>
				<div className="cm-flex dd">
					<h4 className="subtit">持牌经营</h4>
					<p>票交汇拥有湖北省政府颁发的票据经营与交易服务的专项金融许可牌照。</p>
				</div>
			</li>
			<li className="ds-box">
				<p className="breviary"><img src="http://oupteb82y.bkt.clouddn.com/images/other/security_03.svg" width="80" height="80" alt="资金安全"/></p>
				<div className="cm-flex dd">
					<h4 className="subtit">资金安全</h4>
					<p>所有购票人资金投向为具有无条件承兑的汇票资产交易，系统实时监控所有票据资产流向与资金状况，保障资产及用户资金安全。</p>
				</div>
			</li>
			<li className="ds-box">
				<p className="breviary"><img src="http://oupteb82y.bkt.clouddn.com/images/other/security_04.svg" width="80" height="80" alt="风控保障"/></p>
				<div className="cm-flex dd">
					<h4 className="subtit">风控保障</h4>
					<p>资产风控人员均来自于工商银行、农业银行等国内一级银行金融机构，通过先进的系统和银行资深专家的“机器+人工”式进行专业的监督与管理，确保每笔票据交易的真实性、完整性，防范风险的发生。团队拥有超过10年以上、总交易规模达10000亿以上且零坏账的票据业务执业经验与记录。</p>
				</div>
			</li>
			<li className="ds-box">
				<p className="breviary"><img src="http://oupteb82y.bkt.clouddn.com/images/other/security_05.svg" width="80" height="80" alt="网络安全"/></p>
				<div className="cm-flex dd">
					<h4 className="subtit">网络安全</h4>
					<p>拥有百度、深交所、腾讯等国内一流互联网企业的核心骨干团队与工作经验做保障，采用最新的互联网数据安全行业标准与加密技术，实现客户信息自动加密和多层加密，保证客户个人信息安全和资金交易安全。
同时，平台的系统运维与数据库管理员实施严格权限分离制度，从源头上防止并消除了数据泄露的隐患；平台实施服务器与数据多地灾备技术与策略，安全地实现容灾容错现象。</p>
				</div>
			</li>
			<li className="ds-box">
				<p className="breviary"><img src="http://oupteb82y.bkt.clouddn.com/images/other/security_06.svg" width="80" height="80" alt="四要素认证"/></p>
				<div className="cm-flex dd">
					<h4 className="subtit">四要素认证</h4>
					<p>对接国家身份认证系统、银行认证系统，进行身份证、姓名、银行卡、手机号四要素认证，保障投资用户账户与资金安全。</p>
				</div>
			</li>
			<li className="ds-box">
				<p className="breviary"><img src="http://oupteb82y.bkt.clouddn.com/images/other/security_07.svg" width="80" height="80" alt="同卡进出"/></p>
				<div className="cm-flex dd">
					<h4 className="subtit">同卡进出</h4>
					<p>身份认证与账户绑定，同卡购买与退出。最大程度上解决资金帐户的安全隐患。</p>
				</div>
			</li>
			<li className="ds-box">
				<p className="breviary"><img src="http://oupteb82y.bkt.clouddn.com/images/other/security_08.svg" width="80" height="80" alt="风险准备金"/></p>
				<div className="cm-flex dd">
					<h4 className="subtit">风险准备金</h4>
					<p>为保障购票人权益，票交汇在银行开设风险预备金专设账户，要求每个合作资产方按2%左右的比例缴存风险准备金，用以应对与处理可能存在的风险问题。同时，备付金账户资金由银行专户管理。</p>
				</div>
			</li>
			<li className="ds-box">
				<p className="breviary"><img src="http://oupteb82y.bkt.clouddn.com/images/other/security_09.svg" width="80" height="80" alt="法律援助金"/></p>
				<div className="cm-flex dd">
					<h4 className="subtit">法律援助金</h4>
					<p>设立X00万元人民币作为法律援助金，用于项目投资遇到纠纷等法律问题时为投资人提供法律支持的基础服务。
如票交汇平台上，任何一承兑汇票项目发生争议事项需提起诉讼或仲裁程序解决争议的，将启用法律援助基金为投资人聘请专业律师代表投资人处理相关法律争议，协助投资人追回投资收益，以最大限度的保护投资人权益。</p>
				</div>
			</li>
		</ul>
	</div>
);

//银行信用
const Credit =props=>(
	<div className="content">
		<p className="banners"><img src="http://oupteb82y.bkt.clouddn.com/images/other/credit_01.png" alt="银行信用"/></p>
		<div className="section">
			<p>在社会信用体系中，信用分国家信用、银行信用、企业信用、个人信用四层。银行信用是支柱和主体信用，更是连接国家信用和企业信用、个人信用的桥梁。所以，在中国特色下的银行体系与信用，要比国际上其它国家的银行具有更高的含金量的背书与实力。</p>
		</div>
		<div className="breviary-chunk">
			<p className="img"><img src="http://oupteb82y.bkt.clouddn.com/images/other/credit_02.png" width="166" height="166" alt="银行信用级产品"/></p>
			<h4 className="subtit">银行信用级产品</h4>
		</div>
		<div className="section">
			<p>票交汇平台上的银行承兑汇票都是属于银行在指定日期无条件支付确定金额的银行刚性兑付的产品。是银行信用级产品。</p>
		</div>
		<div className="section"><p>票交汇平台上的银行承兑汇票产品，主要以工商银行、农业银行、中国银行、建设银行等四大国有银行，以及招商银行、交通银行等13家全国性股份制银行发行、承兑行为主。安全、可靠、超低风险。</p></div>
		<div className="breviary-chunk">
			<p className="img"><img src="http://oupteb82y.bkt.clouddn.com/images/other/credit_03.png" width="166" height="166" alt="银行信用级产品"/></p>
		</div>
		<div className="section"><p>票交汇平台上的银行承兑汇票以电子票为主，拥有交易方式公开透明化、管理规范化、产品标准化等特点。杜绝了假票、伪票、瑕疵票出现的可能性。</p></div>
	</div>
);*/
export default Publicity;